@import "bootstrap/bootstrap.less";


ul,ul ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

body{
	width: 100%;
}

.clear{
	clear: both;
}
/* BEGIN HEADER*/
#header {
	width: 100%;
	height: 100px;
	#gradient > .vertical(#45c7eb, #2698db);
	#header-content{
		min-width: 1000px;
		width: 1000px;
		height: 100px;
		margin: 0 auto;
		.header-logo{
			float: left;
			width: 500px;
			height: 100%;
			img{
				width: 285px;
				height: 100px;
			}
		}
		.header-form{
			float: right;
			width: 500px;
			height: 100%;
			.header-input, .header-regist{
				text-align: right;
			}
			.header-input{
				line-height: 70px;
				#header_btn_logout{
				  margin-left: 5px;
				}
			}
			.header-regist{
				a{
					font-size: 16px;
					color: #FFF;
					&:hover{
						text-decoration: none;
						color: #c12e2a;
					}
				}
			}
		}
	}
}

/* END HEADER*/

/* BEGIN CONTAINER*/

#container {
	background: #FFF;	
	min-width: 1000px;
	width: 1000px;
	min-height: 500px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
	#menu-left{
		width: 200px;
		min-height: 450px;
		float: left;
		margin-bottom: 20px;
		#wrapper{
			.menu, .menu-click {
			    width: auto;
			    height: auto;
			    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
			    -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
			    box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
			    a, a:hover{
			    	text-decoration: none;
			    }
			    ul li a {
				    background: #fff;
				    border-bottom: 1px solid #efeff0;
				    width: 100%;
				    height: 2.75em;
				    line-height: 2.75em;
				    text-indent: 2.75em;
				    display: block;
				    position: relative;
				    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
				    font-size: 0.923em;
				    font-weight: 400;
				    color: #878d95;
				    text-decoration: none;
				    &:hover{
				    	color: #4eb1ec;
				    }
				    &.active{
				    	font-weight: bold;
				    	color: #4eb1ec;
				    }
				}
				ul li:last-child a {
				    border-bottom: 1px solid #33373d;
				}
			}
			.menu > li > a, .menu-click > li > a {
				#gradient > .vertical(#727a86, #505864);
			    border-bottom: 1px solid #33373d;			    
			    .box-shadow(inset 0px 1px 0px 0px #878e98);
			    width: 100%;
			    height: 2.75em;
			    line-height: 2.75em;
			    text-indent: 2.75em;
			    display: block;
			    position: relative;
			    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
			    font-weight: 600;
			    color: #fff;
			    text-shadow: 0px 1px 0px rgba(0,0,0,.5);
			}
			.menu > li > a:hover, 
			.menu > li > a.active,
			.menu-click > li > a:hover, 
			.menu-click > li > a.active {
				#gradient > .vertical(#45c7eb, #2698db);
			    border-bottom: 1px solid #103c56;
			    .box-shadow(inset 0px 1px 0px 0px #6ad2ef);
			}
			.menu > li > a.active, .menu-click > li > a.active {
			    border-bottom: 1px solid #1a638f;
			}
		}
	}

	#menu-right{
		width: 300px;
		height: 300px;
		float: right;
		.showstall{
			text-align: right;
			font-style: italic;
			font-weight:bold;
			padding-top:10px;
			a{
				color:#A80000;
			}
		}
		.parent_advertise{
			position: relative;
			.advertise{
				position: absolute;
				left: -90px;
				font-size: 16px;
			}
		}
		.advertise{
			font-style: italic;

			padding-top:10px;
			a{
				color:#A80000;
			}
		}
		.row-3-image{
			text-align: right;
			margin-bottom: 4px;
			a{
				width: 95px;
				height: 90px;
				display: inline-block;
				.border-radius(3px);
				img{
					width: 95px;
					height: 90px;
					border: solid 1px #e4e4e4;
					.border-radius(3px);
				}	
				&:hover{
					.box-shadow(0px 0px 11px 0px rgba(90, 161, 255, 1));
					img{
						border: solid 1px rgba(90, 161, 255, 1);
					}
				}

			}


		}
	}

	.wrapper-content{
		margin-left: 210px;
		min-height: 500px;
		.search-input{
			min-height: 70px;
			.border-radius(5px);
			#gradient > .vertical(#45c7eb, #2698db);
			.form-inline{
				padding: 8px;
				.search-text{
					min-width: 260px;
				}
				.btn-search{
					padding: 7px 12px;
				}
				.group-radio{
					text-align: right;
					margin-top: 5px;
					color: #FFF;
				}
				select.form-control{
					width: 220px;
					.optgroup{
						font-weight: bold !important;
					}
				}
			}
		}
		select{
			option.disabled{
				background-color:#dcdcc3;
			}
		}

		.nav-container{
			margin-top: 10px;
			min-height: 30px;
			background-color: #45c7eb;
			line-height: 30px;
			padding-left: 10px;
			.border-radius(5px);
			a{
				font-weight: bold;
				&:hover{
					text-decoration: none;
				}
			}
		}

		.tabs-container{
			margin-top: 10px;
			ul.nav.nav-tabs{
				height: 42px;
			}
			.tab-content{
				.tab-detail{
					border-bottom: 1px solid #ddd;
					height: 110px;
					.detail-one{
						float: left;
						line-height: 110px;
						img{
							width: 90px;
							height: 70px;
							border: 1px solid #ddd;
							&:hover{
								.box-shadow(0px 0px 11px 0px rgba(90, 161, 255, 1));
								border: solid 1px rgba(90, 161, 255, 1);
							}
						}
					}
					.detail-two{
						padding-top: 20px;
						height: 100%;
						float: left;
						margin-left: 10px;
						.detail-title, .detail-price, .detail-info{
							margin-bottom: 2px;
						}
						.detail-title{
							font-size: 16px;
							a{
								.text-overflow();
								width: 500px;
								display: block;	
							}
						}
						.detail-price{
							font-size: 14px;
							color: red;
						}
						.detail-info{
							font-size: 12px;
							a{
								color: #999;
								.text-overflow();
								width: 500px;
								display: block;	
							}
						}
					}
					.detail-three{
						width: 150px;
						line-height: 110px;
						float: right;
						font-size: 11px;
						color: #999;
						text-align: right;
					}
				}
			}
		}
	}

	#ban-do{
		text-align: center;
		margin-left: 210px;
		margin-right: 300px;
		position: relative;
		img{
			width: 50%;
		}
		.bd-ha-noi, .bd-binh-dinh, .bd-hcm{
			position: absolute;
			text-decoration: none;
			color: blue;
			font-size: 12px;
		}
		.bd-ha-noi, .bd-binh-dinh, .bd-hcm{
			&:hover{
				font-size: 14px;
				color: red;
			}
		}
		.bd-ha-noi{
			top: 70px;
			left: 200px;
		}
		.bd-binh-dinh{
			top: 235px;
			left: 260px;
		}
		.bd-hcm{
			top: 310px;
			left: 190px;
		}
	}
	
	.fb-like.fb_iframe_widget{
		width: 100%;
		margin-top: 20px;
	}
}

/* END CONTAINER*/

/* BEGIN FOOTER*/

#footer {
	clear: both;
	background: #272626;
	color: #fff;
	width: 100%;
	min-height: 300px;
	margin: 0 auto;
	.footer-container{
		padding-top: 40px;
		width: 1000px;
		min-width: 1000px;
		height: auto;
		margin: 0 auto;
		.footer-child{
			width: 32%;
			float: left;
			.footer-title{
				font-size: 18px;
			}
			a{
				display: block;
				&:hover{
					text-decoration: none;
					span{
						color: #57c8eb;
					}
				}
			}
		}
	}
}

/* END FOOTER*/

/* BEGIN POPUP LOGIN */
.popup-login{
	min-width: 400px;
	.box-shadow(0 0 25px 5px #999);
	.login-content {
		text-align: center;
		.login-icon {
			width: 100px;
		}
		.login-title {
			height: 40px;
			line-height: 40px;
			font-size: 25px;
			font-weight: 700;
			color: #107da7;
		}
		.login-textbox input {
			width: 100%;
			outline: 0;
			height: 36px;
			border: 0;
			border-bottom: 1px solid #999;

		}
		.login-error {
			height: 36px;
			line-height: 36px;
			color: red;
		}
	}
}
/* END POPUP LOGIN */